<template>
  <div style="color: red">
    <h1>子组件内容</h1>
    <p>{{data}}</p>
    <p>{{data2}}</p>
    <button @click="emitfather">调用父组件方法</button>
  </div>

</template>

<script>
export default {
  // 子组件要使用父组件的数据，只需要一步，在 props中接收父组件的属性
  props: ['data', 'data2'],  // 接收父组件给子组件定义的属性
  methods: {
      emitfather() {
        console.log('调用emitfather方法')
        //1.子组件调用父组件方法，并传值
        // $emit 触发当前实例上的事件，也可以简单的理解为触发父组件上的事件（向上冒泡）
        this.$emit('changeMsg', '子组件信息修改后的data信息,传递给父组件')
      }
    }
}
</script>